@import 'colors.styl'

.iconfont{
	display: inline-block;
    font-size: 1rem;
    margin: 0 auto .15rem auto;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    top: .3rem;
}
.mui-active>.iconfont
	background-image linear-gradient(to right top, main, lighten(main, 30%))
	-webkit-background-clip text
	-webkit-text-fill-color transparent
.mui-bar-tab~ .mui-content {
	padding-bottom: 200px;
}
.mui-bar-nav~ .mui-content .mui-pull-top-pocket {
	top: 30px;
}
header.mui-bar {
	background-color: main;
	background-image: none;
	box-shadow: none;
}
.mui-content {
	background-color: main;
}
.mui-bar-tab
	background-color #fff
	box-shadow none
	.mui-tab-item
		color #444
		&.mui-active
			color: main